import Vue from 'vue';
// 引入根组件
import App from './App.vue';
// 引入公共样式
import './styles/base.less';
// 引入字体图标库
import './assets/iconfont.css';
// 引入
import 'lib-flexible';
// 导入路由对象
// 引入 router 这个文件夹, 默认找文件夹里面的index.js
import router from './router';
import axios from 'axios';
// axios的优化
// axios和vue没有关系，强行让axios和Vue有关系
// this.axios访问到axios
Vue.prototype.$axios = axios;
//给axios配置  基础的路径
axios.defaults.baseURL = 'http://localhost:3000';

// 引入 HmHeader 是要在多个页面中的使用的 , 所以我们全局注册
import HmHeader from './components/HmHeader.vue';
import HmLogo from './components/HmLogo.vue';
import HmButton from './components/HmButton.vue';
import HmInput from './components/HmInput.vue';
// 引入vant 组件
// 3. 以后使用-引入
import { Toast } from 'vant';
Vue.use(Toast);

Vue.component('hm-header', HmHeader);
Vue.component('hm-logo', HmLogo);
Vue.component('hm-button', HmButton);
Vue.component('hm-input', HmInput);

new Vue({
  router,
  /// 渲染根组件
  render: h => h(App)
}).$mount('#app');
